.jfx-decorator .jfx-decorator-content-container {
    -fx-padding: 2px;
}

.jfx-decorator {
    -fx-background-image: url('../img/bb/66.jpg');
    -fx-background-insets: 20px;
}

.nav-pane{
    -fx-background-color: -fx-base-color;
    -fx-text-fill: white;
    -fx-font-size: 14px;
}

.nav-pane VBox{
    -fx-background-color: -fx-base-color;
    -fx-padding: 2px;
    -fx-spacing: 5px;
}

.nav-pane TitledPane {
    -fx-background-color: transparent;
    -fx-animated: true;
    -fx-collapsible: true;
    -fx-text-fill:white;
    /*-fx-padding: 8px 0 8px 0px;*/
}

.nav-pane .active-nav {
    -fx-background-color: darkgreen;
    -fx-padding: 11 0 11 11;
    -fx-border-color: red;
    -fx-border-width: 0 0 0 5px;
    -fx-effect: dropshadow(three-pass-box, lightskyblue, 10, 0.5, 0, 0);
}

.nav-pane TitledPane>.content{
    -fx-background-color: transparent;
    -fx-border-color: none;
    -fx-padding: 0px -8px 0px -2px;
}

.nav-pane TitledPane .title {
    -fx-background-color: -fx-base-color;
    -fx-padding: 11 20 11 11;
    -fx-border-color: -fx-base-color;
    -fx-border-width: 0 0 0 5px;
    -fx-background-image: url('../img/arrow_down.png');
    -fx-background-size: 12;
    -fx-background-repeat: no-repeat;
    -fx-background-position: 200;
}

.nav-pane TitledPane .title:hover {
    -fx-background-color: darkgreen;
    -fx-border-color: red;
    -fx-border-width: 0 0 0 5px;
}

.nav-pane TitledPane:expanded>.title {
    -fx-background-image: url('../img/arrow_up.png');
    -fx-background-size: 12;
    -fx-background-repeat: no-repeat;
    -fx-background-position: 200;
}

.nav-pane TitledPane .title .arrow-button {
    -fx-background-color: red;
    -fx-content-display: left;
    visibility: hidden;
    -fx-min-width: 1px;
    -fx-max-width: 1px;
    -fx-pref-width: 1px;
    -fx-padding: 0;
}

.nav-pane TitledPane .title .arrow {
    -fx-background-color: darkgreen;
    -fx-opacity: 0;
    -fx-content-display: right;
}

.nav-pane TitledPane .button {
    -fx-padding: 11 10 11 31;
}

.nav-pane Button {
    -fx-text-fill: white;
    /*-fx-pref-height: 30px;*/
    -fx-min-width: 220px;
    -fx-max-width: 220px;
    -fx-pref-width: 219px;
    -fx-padding: 11 10 11 11;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 0 0 0 5px;
    -fx-alignment: center-left;
}

.nav-pane Button:hover {
    -fx-background-color: darkgreen;
    -fx-padding: 11 0 11 11;
    -fx-border-color: red;
    -fx-border-width: 0 0 0 5px;
    -fx-effect: dropshadow(three-pass-box, lightskyblue, 10, 0.5, 0, 0);
}

.nav-pane .nav-small-pane Button {
    -fx-min-width: 50px;
    -fx-pref-width: 50px;
    -fx-max-width: 50px;
    -fx-background-color: transparent;
    -fx-border-color: transparent;
    -fx-border-width: 0 0 0 5px;
    -fx-content-display: graphic-only;
    -fx-padding: 11 0 11 10;
}

.nav-pane .nav-small-pane Button:hover {
    -fx-min-width: 50px;
    -fx-pref-width: 50px;
    -fx-max-width: 50px;
    -fx-background-color: black;
    -fx-border-color: red;
    -fx-border-width: 0 0 0 5;
}

.nav-title {
    -fx-graphic: url('../img/48.jpg');
    -fx-text-alignment: RIGHT;
}

.nav-title:hover {
    -fx-scale-x: 1.2;
    -fx-scale-y: 1.2;
}

/*.popup-nav{*/
    /*-fx-background-color: #212529;*/
    /*-fx-min-width: 250px;*/
    /*-fx-pref-width: 250px;*/
    /*-fx-max-width: 250px;*/
/*}*/

/*.popup-nav Button{*/
    /*-fx-text-fill: white;*/
    /*-fx-min-width: 250px;*/
    /*-fx-pref-width: 250px;*/
    /*-fx-max-width: 250px;*/
    /*-fx-font-size: 20px;*/
    /*-fx-padding: 5px 0px 5px 15px;*/
    /*-fx-alignment: center-left;*/
    /*-fx-background-color: transparent;*/
/*}*/

/*.popup-nav Button:hover{*/
    /*-fx-text-fill: white;*/
    /*-fx-background-color: darkgreen;*/
/*}*/

/*.popup-nav .first-nav {*/
    /*-fx-padding: 8px;*/
    /*-fx-background-color: black;*/
/*}*/

/*.popup-nav .child-nav {*/
    /*-fx-padding: 8px 8px 8px 25px;*/
/*}*/

.header .button, .label {
    -fx-text-fill: -fx-base-font-color;
}

.scroll-content StackPane, VBox {
    -fx-background-color: -fx-base-background-color;
}

.scroll-content .button, .label {
    -fx-text-fill: -fx-base-font-color;
}

.noheader .column-header-background {
    -fx-max-height: 0;
    -fx-pref-height: 0;
    -fx-min-height: 0;
}

